// 获取评论列表 封装一个函数
function getCmtlist() {
  $.ajax({
    url: "http://www.liulongbin.top:3006/api/cmtlist",
    success(res) {
      if (res.status !== 200) return alert("获取失败");
      // 获取服务器里面data里的数据
      let arr = [];
      res.data.forEach((item) => {
        arr += ` <li class="list-group-item">
                <span class="badge" style="background-color: #f0ad4e">评论时间:${item.time}</span>
                <span class="badge" style="background-color: #5bc0de">评论人:${item.username}</span>
                ${item.content}
              </li>`;
      });
      // 将新数组的内容追加到ul里
      $("#cmt-list").empty().append(arr);
    },
  });
}
getCmtlist();
// 发表评论
$(function () {
  // 表单提交事件
  $("#formAddCmt").submit(function (e) {
    //阻止表单默认行为
    e.preventDefault();
    // 获取表单里面的数据
    let data = $(this).serialize();
    $.ajax({
      type: "POST",
      url: "http://www.liulongbin.top:3006/api/addcmt",
      data: data,
      success(res) {
        if (res.status !== 201) return alert("发表失败");
        // 调用函数
        getCmtlist();
        // 清空表单数据
        $("#formAddCmt")[0].reset();
      },
    });
  });
});
